.emoji-popup{
    position: absolute;
    z-index: 3;
    border: 1px solid #eee;
    background-color: white;
    padding: 17px 6px 17px 17px;
    left: 0;
    bottom: 34px;
    width: 300px;
    min-height: 232px;
    animation:animate .5s;
    box-shadow:  0 1px 8px rgba(0,32,96,.1)
}
.emoji-popup span {
    padding: 3px;
    display: inline-block;
    position: relative;
}
.emoji-popup span .emoji-delte {
    width: 16px;
    height: 16px;
    background-image:url('');
}
.emoji-popup span:hover .emoji-delte {
    display: inline-block;
    position:absolute;
    left: 28px;
   }
.emoji-popup span:hover {
    cursor: pointer;
}
.emoji-popup img {
    width: 20px;
    height: 20px;
}
@keyframes animate {
    0%   {opacity:0;}
	100%   {opacity:1;}
}
